/* 
  home0 banner
 */

 <template>
  <swiper>
    <swiper-slide>1</swiper-slide>
    <swiper-slide>2</swiper-slide>
    <swiper-slide>3</swiper-slide>
  </swiper>
 </template>
 <script>
import Vue from "vue";
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from "vue-awesome-swiper";

export default {
  components: { swiper, swiperSlide },
  props: {
    images: {
      default: () => [],
    },
    width: {
      default: () => "7.5rem",
    },
    height: {
      default: () => "2.5rem",
    },
    showIndicators: {
      default: () => true,
    },
    auto: {
      default: () => 4000,
    },
  },
};
</script>
<style scope>
img {
  width: 100%;
  height: 100%;
  display: block;
}
</style>
 